6967
10714
Jag vill övervaka en avmonterad händelse på min NAS.
den har en separat sida för att avmontera alla USB-enheter.
Jag har inkluderat det via iframe och vill fortsätta ladda webbplatsen tills bildkällan har ändrats till en specifik källa (ett grönt fält, vilket indikerar att den har demonterats).
Anledningen till att jag vill hålla den laddad är att jag ringer till den via en jquery.get-funktion från en annan webbplats, och jag vill att den ska vänta tills avmonteringsprocessen är klar.
Skulle vara bra om detta bara är möjligt i vanligt javascript, men om det behövs kan jag också inkludera jquery.
Här är vad jag har hittills:
 


Jag får omedelbart ett felmeddelande om att elementet "uiView_TestPic" inte finns, även när jag lägger till en timeout innan jag kör kontrollen.
Den inkluderade iFrame-webbplatsen slutar ladda så fort alla bilder laddas och inte när hela processen är klar. 
För det första måste båda ramarna köras på samma domän eftersom webbläsare förhindrar att kod i en ram får åtkomst till något i den andra ramen om de är olika domäner. Om de två ramarna inte är på samma domän måste iframe övervaka sig själv och meddela den andra ramen när den är klar med något som windows.postMessage ().
Om de är på samma domän är det lite komplicerat. Du måste hämta iframe-elementet (det finns i ditt huvuddokument). Du måste vänta tills det är klart (eftersom det måste ladda sitt eget innehåll). Sedan måste du hämta dokumentet i iframe. Då kan du hitta önskad bild i iframe. Då kan du se dess innehåll. Och naturligtvis kan du bara göra något av detta om iframe är samma domän som din huvudsida (på grund av säkerhetsbegränsningar).
Lägg först till ett id i iframe: